<template>
  <div>
   <div >
        <table border="1" alin>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>性别</th>
                </tr>
                <tr v-for="(v, i) in Person" :key="i">
                    <td>{{i++}}</td>
                    <td>{{v.name}}</td>
                    <td>{{v.age}}</td>
                    <td>{{v.sex}}</td>
                </tr>
        </table>

   </div>
  </div>
</template>

<script>
export default {
    name:'H',
    data(){
        return {
            Person:[{name:"若泽", age: 18, sex:"男"},
                    {name:"晓峰", age: 19, sex:"女"},
                    {name:"弘一", age: 20, sex:"男"},
                    {name:"小明同学", age: 21, sex:"男"}
            ]
        }
    },
    methods: {
        
    },
}
</script>

<style>

</style>